.box {
  position: relative;
}
.content {
  display: block;
  &:hover {
    background: #eee;
  }
}
.options {
  padding: 0;
}
.addFilterBtn {
  display: block;
}
.filterCard {
  padding: 10px 15px;
  padding-left: 0;
  margin-left: 46px;
  border-left: 2px solid #1890ff;
  position: relative;
  .filterOpthion {
    display: none;
    line-height: 40px;
  }
  .filterInput {
    margin-right: 20px;
    float: left;
  }
  .filterFormItem {
    padding-left: 5px;
    margin-left: 46px;
    &:last-child {
      margin-bottom: 0;
    }
    &:hover {
      .filterOpthion {
        display: block;
      }
    }
  }
}

.relationbox {
  position: absolute;
  height: calc(100% - 60px);
  width: 35px;
  top: 30px;
  left: 20px;
  .relationBtn {
    margin-left: -14px;
    display: block;
    height: 32px;
    transition: all 0.15s ease-in;
    :global {
      .ant-btn {
        vertical-align: top;
      }
    }
  }
  &::before,
  &::after {
    content: '';
    display: block;
    height: calc(50% - 16px);
    width: 100%;
    border-left: 1px solid #d9d9d9;
    transition: all 0.15s ease-in;
  }
  &::before {
    border-top: 1px solid #d9d9d9;
  }
  &::after {
    border-bottom: 1px solid #d9d9d9;
  }
}
